<div class="editor">
    <div ng-if="config.toolbar.atUser && config.atUserLoader" class="panel panel-default AtUserDiv">
        <ul><li><a href ><div>请点击选择@的人</div></a></li></ul>
        <div class="AtUserDivBody fancy-scrollbar" >
            <ul fc-infinite-scroll="scrollHandler" target="parent">
                <li data-ng-repeat="user in AtUserList" >
                    <a href ng-click="selectUser(user)" >
                        <div style="display: list-item;">
                            {{user.userName}}
                          <!--  <div tooltip="{{user.userAllOrg}}" ng-if="user.userOrg||user.userPost" style="font-size: 12px;white-space:nowrap;line-height:18px;">&nbsp;&nbsp;{{user.userOrg}} <span data-ng-if="user.userPost" style="padding-right: 3px;" class="glyphicon glyphicon-play"></span>{{user.userPost}}
                            </div> -->
                            <span style="font-size: 11px;color: #666666;" tooltip="{{user.userAllOrg}}">
                                &nbsp;<span ng-if="user.userOrg||user.userPost">(</span>
                                {{user.userOrg}}<span data-ng-if="user.userPost" style="padding-right: 3px;" class="glyphicon glyphicon-play"></span>{{user.userPost}}
                                <span ng-if="user.userOrg||user.userPost">)</span>
                            </span>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        <ul><li><a href ><div style="height: 5px;"></div></a></li></ul>
    </div>
	<ul class="nav nav-pills toolbar" >

        <li ng-if="config.toolbar.atUser" class="dropdown" data-tooltip="@人">
            <a href="" data-ng-click="insertAtMen()">
                <span class="icon-btn icon-atUser"></span>
            </a>
        </li>

		<li ng-if="config.toolbar.fontFormat">
			<a href ng-click="showFontFormatBar($event)" tooltip="文字格式化" tooltip-append-to-body="true">
				<span class="icon-btn icon-fontformat"></span>
			</a>
			
			<div ng-if="state.isShowFontFormatBar" ng-click="hideFontFormatBar()" class="panel panel-default fc-font-format-bar">
				<ul class="nav nav-pills">
					<li class="dropdown" dropdown data-ng-click="$event.stopPropagation()" data-ng-include="'views/common/editor/fontname.html'"></li>
					<li>
						<a href="" data-ng-click="setBold()"><i class="fa fa-bold" data-ng-class="{'item-selected' : bold}"></i></a>
					</li>
					<li>
						<a href="" data-ng-click="setItalic()"><i class="fa fa-italic" data-ng-class="{'item-selected' : italic}"></i></a>
					</li>
					<li>
						<a href="" data-ng-click="setUnderline()"><i class="fa fa-underline" data-ng-class="{'item-selected' : line}"></i></a>
					</li>
					<li>
						<a href="" data-ng-click="setOrderedList()"><i class="fa fa-list-ol"></i></a>
					</li>
					<li>
						<a href="" data-ng-click="setUnorderedList()"><i class="fa fa-list"></i></a>
					</li>
					<li>
						<a href="" class="close">&times;</a>
					</li>
				</ul>
			</div>
		</li>
		<li ng-if="config.toolbar.emotions" class="dropdown">
            <a href="" ng-click="showEmotions($event)" tooltip="插入表情" tooltip-append-to-body="true">
                <span class="icon-btn icon-emotion"></span>
            </a>
            <div ng-include="'views/common/editor/emoticons.html'"></div>
        </li>
        <li ng-if="config.toolbar.image" data-tooltip="插入图片">
            <a href>
				<span class="icon-btn icon-image"></span>
            </a>
            <input type='file' class='fc-common-upload-btn js-img-input' multiple accept="image/*">
        </li>
        <li ng-if="config.toolbar.attach" data-tooltip="上传附件">
            <a href>
                <span class="icon-btn icon-attacument"></span>
            </a>
            <input type='file' class='fc-common-upload-btn js-attach-input' multiple>
        </li>
	</ul>

    <div ng-if="config.toolbar.attach" class="upload-container">
        <div ng-if="localFiles.length > 0" class="js-uploader-list">
            <table class="table table-striped" style="margin-bottom: 0;">
                <tr ng-repeat="file in localFiles track by file.id"
                    ng-class="{ success: file.getStatus() === 'complete', danger: file.getStatus() === 'error', warning: file.getStatus() === 'interrupt' }">
                    <td class="hide"></td>
                    <td class="col-md-5 text-left">{{ file.name }}</td>
                    <td class="col-md-2 text-left">{{ file.size | byte }}</td>
                    <td class="col-md-5">
                        <div ng-class="{ active: file.getStatus() === 'progress' }" class="progress progress-striped">
                            <div class="progress-bar" ng-style="progressStylies[file.id]"></div>
                        </div>
                    </td>
                    <td class="cs-btn-cell"><a href ng-click="remove(file, $index)" class="close">&times;</a></td>
                </tr>
            </table>
        </div>
    </div>

	<div contenteditable="true" class="fc-editor-content fancy-scrollbar"></div>
</div>